<template>
  <div class="leave">
    <!-- 最大盒子 -->
    <div class="leave-max-box">
      <!-- 上盒子 -->
      <div class="leave-top-box">
        <!-- 标题 -->
        <h2>留言板</h2>
        <!-- 用户信息 -->
        <div class="uInfo">
          <div class="uIcon">
            <img src="" alt="" />
          </div>
          <div class="uTxt">
            <div class="uName">
              <a href="javascript:;">名字</a>
            </div>
            <span>
              评论 / 点赞 / 阅读 / 字 /
              <span class="over">已收录</span>
            </span>
          </div>
        </div>
        <!-- 右侧日期 {{ date.substr(5).replace('-', '/') }} -->
        <div class="reightDate">12 / 31</div>
        <!-- 内容 -->
        <div class="content-box">
          <p>
            Jhon 2021-09-22 太牛了Jhon 2021-09-22 太牛了Jhon 2021-09-22
            太牛了Jhon 2021-09-22 太牛了Jhon 2021-09-22 太牛了Jhon 2021-09-22
            太牛了Jhon 2021-09-22 太牛了Jhon 2021-09-22 太牛了
          </p>
        </div>
        <!-- 上盒子的最下面的 -->
        <div class="top-foot">暂无留言，期待第一个脚印。</div>
      </div>
    </div>
  </div>
</template>

<script>
  //  接口
  export default {
    name: 'Leave',
    data() {
      return {
        artDetails: {},
      };
    },
  };
</script>

<style lang="less" scoped>
  @import url('../../state/css/barList/leave.less');
</style>
